<template>
    <view class="n-component-nFormButton flex flex-direction" :class="[is_padding_bottom==false?'padding-lr-30 padding-top-30':'padding-30']">
        <button :disabled="disabled" class="cu-btn lg" :style="style_bg?('background-color:'+style_bg):''" :class="[button_class, disabled||not_shadow?'':'shadow', style_bg?'':(class_bg?class_bg:'bg-nddyny')]" @tap="_tap">{{title}}</button>
    </view>
</template>

<script>
    export default {
        props: ['title', 'tap', 'uri', 'button_class', 'disabled', 'class_bg', 'style_bg', 'not_shadow', 'is_padding_bottom'],
        methods: {
            _tap() {
                if (this.tap) {
                    this.tap();
                }
                if (this.uri) {
                    this.$store.commit('userNavTo', this.uri);
                }
            }
        }
    }
</script>
